<script setup>
import { ref } from "vue";
import Header from "@/components/Header.vue";
import ChessBoard from "@/components/ChessBoard.vue";
const openabout = () => {};
</script>
<template>
  <div
    class="flex flex-col bg-slate-50 justify-center items-center min-h-screen p-2"
  >
    <Header @open-about="openabout">tic tac toe</Header>
    <ChessBoard></ChessBoard>
  </div>
</template>
<style scoped></style>
